.city {display: block;width: 20%;position: relative;float: left;}
.city strong{display:block;margin-top:10px;color:white;text-shadow:1px 1px 2px #7d552d;font-size:16px;font-weight:bold;text-align:center}
.city b{display:block;margin:0 auto;width:178px;height:78px;background:url(/img/city.gif) 0 0 no-repeat transparent;border:3px solid white;box-shadow:2px 3px 5px rgba(0,0,0,0.5);border-radius:50%}.city#city_1 b{background-position:0 0}.city#city_3 b{background-position:-80px 0}.city#city_4 b{background-position:-160px 0}.city#city_2 b{background-position:-240px 0}.city#city_5 b{background-position:-320px 0}.city#city_8 b{background-position:-400px 0}.city#city_9 b{background-position:-480px 0}.city#city_10 b{background-position:-560px 0}

.city-wrapper{display:block;width:100%;*zoom:1}.city-wrapper:before,.city-wrapper:after{display:table;content:"";line-height:0}.city-wrapper:after{clear:both}

.food_class {
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.city>a {
    position: relative;
    z-index: 10;
    display: block;
    padding: 12px 26px;
    border-radius: 10px;
    -webkit-transition: background .2s linear 0s;
    transition: background .2s linear 0s;
}

.city>a.hover:hover {
    background: rgba(125,85,45,0.28);
    box-shadow: 0 -1px 1px rgba(0,0,0,0.3),0 1px 1px rgba(255,255,255,0.3);
}


hr.dashed {
    border-top: 1px solid #999999;
    width: 100%;
}